<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="css/styleadmin.css" type="text/css" />
<style>
@charset "utf-8";
/* CSS Document */


.em_text {
	color: #003;
	font-size: 20px;
	
}
body{
	background-image:url(images/metal_bg.jpg)}
div{
    float:left;
    border: solid 1px;
     
}

#sec1{
    width:48%;
    height:300px;
overflow-y:scroll;
margin-left:25px;
   margin-top:3px;
}#sec11{
	
    width:48%;
    height: 300px;
	margin-top:3px;
   overflow-y:scroll;
}
#sec2{
    width:48%;
    height: 500px;
	margin-left:25px;
}
#sec3{
    width:48%;;
    height:500px;
	
}
#sec4{
    width:46%;;
    height: 300px;
	
}
#top{
    width:97%;
    height: 100px;
	background-image:url(images/bann.bmp);
	background-size: auto;
	background-repeat:no-repeat;
	box-shadow: 1px 2px 9px 1px #000;
	margin-left:20px;
}


</style>
</head>

<body>
<div id="top"></center></div>
   <div id="sec1"><table width="100%" border="1" >
   <th>id</th><th>nom</th><th>prenom</th><th>service</th>
   </table>
   </div>
   <div id="sec11"><table width="100%" border="1"><th>id</th><th>service</th>
   </table></div>
   
   
<div id="sec2"><table width="100%" cellpadding="7" border="0"><th width="100"><h2>Managers</h2></th>
<tr><td><p class="em_text">Ajouter</p></td></tr><tr><td>
<form>
nom<input type="text" /></td><td>prenom<input type="text" /></td><td>service<input type="text" /></td><td><input type="button" value="valider"/>
</form>
</td>

</tr>
<tr><td><p class="em_text">Supprimer</p></td></tr><tr><td>
<form>
id<input type="text" /></td><td><input type="button" value="valider"/>
</form>
</td></tr>
<tr><td><p class="em_text">Modifier</p></td><td><form>id<input type="text"></td></tr>
<tr><td>
nom<input type="text" /></td><td>prenom<input type="text" /></td><td>service<input type="text" /><td><input type="button" value="valider"/></td>
</form>
</td></td>

   </table></div>
   
   
<div id="sec3"><table width="100%"cellpadding="7"><th><h2>Services</h2></th>
<tr><td><p class="em_text">Ajouter</p></td></tr><tr>
<form>
<td>service<input type="text" /></td><td><input type="button" value="valider"/></td>
</form>
</tr>
<tr><td><p class="em_text">Supprimer</p></td></tr><tr><td>
<form>
id<input type="text" /></td><td><input type="button" value="valider"/>
</form></tr></td>
<tr><td><p class="em_text">Modifier</p></td><td><form>id<input type="text"></td></tr>
<tr><td>service<input type="text" /><td><input type="button" value="valider"/></td>
</form>
</td></td>
   </table></div>

</body>
</html>
